<style>
  .jumprecomd{
    background-color: #fff;
    padding: .2rem;
    box-sizing: border-box;
  }
  .jumprecomd-item{
    width: 6.96rem;
    height: 4.57rem;
    margin: 0 auto .2rem;
    background-color: #F2EBD8;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .3rem;
    border-radius: .1rem;
    box-sizing: border-box;
    background: url('__PUBLIC__/images/public/recomJump/tc2.png') no-repeat center center;
    background-size: 100% 100%;
    padding-top: 1rem;
    padding-bottom: .4rem;
    justify-content: space-between;
  }
  .jumprecomd-item .jmtt {
    font-size: .30rem;
    line-height: 1.5em;
    color: #fff;
  }
  .jumprecomd-item .jmbtn {
    font-size: .32rem;
    color: #fff;
    background-color: #FF9900;
    width: 100%;
    height: .6rem;

    line-height: .6rem;
    text-align: center;
    margin-top: 0.4rem;
    width: 2.95rem;
    height: .88rem;
    background: url('__PUBLIC__/images/public/recomJump/tc3.png') no-repeat center center;
    background-size: 100% 100%;
  }
  img.jmimg{
    display: block;
    width: 7.07rem;
    height: .76rem;
    margin: 0 auto .2rem;
  }
  .xmpp_title {
      font-size: 0.28rem;
      color: #333333;
      text-align: center;
    }

    .xmpp_title::before,
    .xmpp_title::after {
      content: '';
      width: 20%;
      height: 0.02rem;
      display: inline-block;
      background-color: rgba(51, 51, 51, .2);
      vertical-align: middle;
    }

    .xmpp_title::before {
      margin-right: 0.2rem;
    }

    .xmpp_title::after {
      margin-left: 0.2rem;
    }
</style>
<if condition="$Think.cookie.hideJgSubmisType eq 1">
    <else />
    <div class="xmpp_container">
        <if condition="$csName eq 'JP'">
            <div class="xmpp_title">以上是你的八字分析</div>
            <elseif condition="($csName eq 'ZM072')"/>
            <div class="xmpp_title">以上是你的2020下半年运势测算结果</div>
            <elseif condition="$csName eq 'YC41'"/>
            <div class="xmpp_title">以上是你的2020年运测算结果</div>
            <else/>
            <div class="xmpp_title">以上是你的紫微测算结果</div>
        </if>

    </div>
    <div class="jumprecomd">
      <img class="jmimg" src="__PUBLIC__/images/public/recomJump/bt.png" alt="">
        
      <!-- 2020年运结果页：
    跳转八字：1
    跳转紫微： 2-->
        <if condition="$Thinkphp.cookie.orderidnum eq 'Lnyc2020'">
                <div class="jumprecomd-item jmitem1">
                    <div class="jmtt">流年运势是八字精批中的重要部分。而八字精批能推算您的先天人生格局和命运走向，想了解您人生的整体走势吗？速速查看！！！</div>
                    <div class="jmbtn"></div>
                </div>
                <div class="jumprecomd-item jmitem2">
                    <div class="jmtt">流年运势是指定年份的运势预测，而紫微斗数侧重命局层次和命运细节。强烈建议您查看您的紫微斗数命盘分析。紫微斗数作为道教和宫廷御用算命术，比2020年运更全面、更细致，更具参考性！！</div>
                    <div class="jmbtn"></div>
                </div>
            <else />
        </if>


<!-- 八字结果页：
跳转2020：3
跳转紫微：4
  -->
        <if condition="$Thinkphp.cookie.orderidnum eq 'Bzjp'">
                <div class="jumprecomd-item jmitem3">
                    <div class="jmtt">八字是先天，年运是后天，<!--{$Think.cookie.yearName}-->年您的运势是好是坏？<!--{$Think.cookie.yearName}-->年牛年运程详细分析预测为您奉上，注意事项不可不看！！</div>
                    <div class="jmbtn"></div>
                </div>
                <div class="jumprecomd-item jmitem4">
                    <div class="jmtt">八字侧重于格局，紫微斗数侧重命运细节。强烈建议您查看您的紫微斗数的命盘分析。紫微斗数作为道教和宫廷御用算命术，比八字更精准、更具体、更神奇！！！</div>
                    <div class="jmbtn"></div>
                </div>
            <else />
        </if>


       <!-- 紫微结果页：
       跳转2020：5
       跳转八字： 6-->
        <if condition="$Thinkphp.cookie.orderidnum eq 'Zwds'">
            <div class="jumprecomd-item jmitem5">
                <div class="jmtt">紫微是先天，年运是后天，<!--{$Think.cookie.yearName}-->年您的运势是好是坏？<!--{$Think.cookie.yearName}-->年牛年运程详细分析预测为您奉上，注意事项不可不看！！</div>
                <div class="jmbtn"></div>
            </div>
            <div class="jumprecomd-item jmitem6">
                <div class="jmtt">紫微斗数侧重命运细节，八字侧重于格局。八字精批能推算您先天人生格局和命运走向，比紫微斗数受众更广，简明易懂，清晰具体！！！</div>
                <div class="jmbtn"></div>
            </div>
            <else />
        </if>
    </div>
</if>

<script>
    var csName="<!--{$csName}-->"
$('.jumprecomd-item').on('click',function(){
  var type = $(this).attr('class').match(/\d/)[0]
  switch (+type) {
    case 1:
      // 八字精批
        jgSubmisBzjp()
      break;
    case 2:
      // 紫薇
        jgSubmisZwds()
      break;
    case 3:
      // 2020运势
        jgSubmisLnyc2020()
      break;
    case 4:
      // 紫薇
        jgSubmisZwds()
      break;
    case 5:
      // 2020运势
        jgSubmisLnyc2020()
      break;
    case 6:
      // 八字精批
        jgSubmisBzjp()
      break;
  }
})
    function jgSubmisLnyc2020(){
        $.getJSON("<!--{:U('Index/jgLnyc2020Sunmis','',false)}-->", {csName: csName}, function (data) { //统计入库
        });
        location.href = "<!--{:U('Lnyc2020/zhifu','',false)}-->?JGtype=1"; //跳转
    }
function jgSubmisZwds(){
    $.getJSON("<!--{:U('Index/jgZwdsSunmis','',false)}-->", {csName: csName}, function (data) { //统计入库
    });
    location.href = "<!--{:U('Zwds/zwds_zhifu','',false)}-->?JGtype=1"; //跳转
}
function jgSubmisBzjp(){
    $.getJSON("<!--{:U('Index/jgBzjpSunmis','',false)}-->", {csName: csName}, function (data) { //统计入库
    });
    location.href = "<!--{:U('Bzjp/bzjp_zhifu','',false)}-->?JGtype=1"; //跳转
}

</script>